

<style type="text/css">
    #ui-view{height: auto;}
    .score {background-color: #1c1d28;}
    .score-title {text-align: center;color:#c4b397;padding-top: 2rem;}
    .score-box {width: 80%;margin: 1rem auto;}
    .score-modal {width: 100%;position: relative;margin-bottom: 2rem;margin-top: 4rem;}
    .score-modal:first-child {margin-top: 2rem;}
    .little-line {display:block;height: 0.4rem;width: 5rem;margin: 1.5rem auto;background: #2e2c3f;}
    .score-img {border:4px solid #cec9c5;border-radius: 20px;overflow: hidden;}
    .score-img img {display: block;max-width: 100%;}
    .rangeSlider {width: 100%;display: block;}
    .slider-container {width: 100% !important;display: block;}
    .theme-green .back-bar {border-radius: 0.5rem;height: 0.6rem;}
    .theme-green .back-bar .selected-bar {
        border-radius: 0.5rem;
        background:#e2c28d; /* 一些不支持背景渐变的浏览器 */
        background:-moz-linear-gradient(right, #937f5d, #fedb9e);
        background:-webkit-gradient(linear, 0 0, 0 right, from(#937f5d), to(#fedb9e));
        background:-o-linear-gradient(right, #937f5d, #fedb9e);
    }
    .slider-container .scale ins {font-size: 0.7rem;color: #4d4c5c;}
    .theme-green .scale span {border-left:none;}
    .theme-green .back-bar .pointer.high {width:17px;height:57px;top:-3px;background: url("http://unidt.oss-cn-shanghai.aliyuncs.com/survey/www/img/hand.png") no-repeat scroll 0 0;background-size: 100% auto;}
    .slider-container .back-bar .pointer-label {font-size: 1rem;color: #e1c28e;background: none;top:-25px;}
    #first-score .theme-green .back-bar .pointer.high {width: 34px;height: 75px;background:url("http://unidt.oss-cn-shanghai.aliyuncs.com/survey/www/img/hand-example.png") no-repeat scroll 0 0;background-size: 100% auto;}
    .jewelry {width: 70%;margin: 0 auto;padding: 2rem 0;}
    .score-btn {display: block;font-size: 1.2rem;line-height: 2.4rem;color: #fff;border:2px solid #8e836f;border-radius:10px;text-align: center;}
</style>


<div class="score">
    <div class="score-title">请为这件珠宝打分</div>
    <div class="score-box"></div>
    <div class="jewelry">
        <span class="score-btn">提交</span>
    </div>
</div>



